React Best Practices Skill

概述

Vercel Agent Skills 中最重要的技能之一，包含 70+ 条 React/Next.js 性能优化规则，基于 Vercel 工程师 10+ 年生产代码经验。

关键内容

1. 八大分类：涵盖 Async 模式、Bundle 优化、RSC 边界、Client 端性能、数据获取缓存、安全、状态管理和高级特性

2. 核心规则：

3. async-parallel：并行化独立请求以减少延迟
4. async-cheap-condition-before-await：先检查廉价条件再进行昂贵的异步调用
5. Bundle 优化：动态导入、按需导入、避免模块副作用

6. RSC 边界：最小化序列化数据、并行数据获取

7. 优先级体系：按 CRITICAL → HIGH → MEDIUM → LOW 四级优先级排列规则

来源

• 05_vercel_agent_skills_react.md — Vercel Agent Skills React 系列深度解析

相关

• Vercel Agent Skills — part_of
• React — implements
• Next.js — implements